uni-page-head .uni-btn-icon {
	overflow: inherit !important;
}
.Modal_mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 1);
	z-index: 9;
}
.c_modal {
	z-index: 9999;
	position: fixed;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.down {
	z-index: 9999;
	width: 44rpx;
	height: 44rpx;
	position: fixed;
	bottom: 30rpx;
	right: 24rpx;
}
.invitation {
	background-color: #f8f9fb;
	.invite_bg {
		position: relative;
		.bg {
			display: block;
			width: 100%;
			height: 418rpx;
		}
		.icons {
			position: absolute;
			top: 28rpx;
			left: 16rpx;
		}
	}
	.invite_code {
		margin: -28rpx 26rpx 0;
		padding: 38rpx 24rpx;
		border: 2rpx solid rgba(231, 235, 238, 1);
		border-radius: 10rpx;
		background: #fff;
		position: relative;
		z-index: 9;
		.block {
			display: flex;
			justify-content: space-between;
			align-items: center;
			&:last-child {
				margin-top: 36rpx;
			}
			text {
				font-size: 32rpx;
				font-weight: bold;
				width: 200rpx;
			}
			view {
				width: 292rpx;
				background: rgba(231, 235, 238, 1);
				border-radius: 6rpx;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				word-break: break-all;
				padding: 12rpx 22rpx;
				font-size: 24rpx;
				font-weight: bold;
			}
			image {
				width: 44rpx;
				height: 48rpx;
			}
		}
	}
	.b_line {
		height: 4rpx;
		background: #1882d4;
	}
	.my_invite {
		margin: 0 26rpx;
		background: rgba(255, 255, 255, 1);
		border: 2rpx solid rgba(231, 235, 238, 1);
		border-radius: 10rpx;
		overflow: hidden;
		padding-bottom: 40rpx;
		margin-top: 26rpx;
		.title {
			padding: 18rpx 0;
			font-weight: bold;
			text-align: center;
			font-size: 32rpx;
			border-bottom: 2rpx solid #e7ebee;
		}
		.main_qrcode {
			display: flex;
			justify-content: center;
			margin-top: 26rpx;
		}
	}
	.invite_list {
		margin: 0 26rpx;
		background: rgba(255, 255, 255, 1);
		border: 2rpx solid rgba(231, 235, 238, 1);
		border-radius: 10rpx;
		overflow: hidden;
		padding-bottom: 40rpx;
		margin-top: 26rpx;
		.title {
			padding: 0 24rpx;
			height: 70rpx;
			font-weight: bold;
			text-align: center;
			font-size: 32rpx;
			border-bottom: 2rpx solid #e7ebee;
			display: flex;
			justify-content: space-between;
			align-items: center;
			view {
				display: flex;
				align-items: center;
				.more {
					color: #1882d4;
					font-size: 24rpx;
					font-weight: bold;
				}
				.icons {
					margin-right: -14rpx;
				}
			}
		}
		.my_block {
			padding: 24rpx 24rpx 0;
			.th,
			.tr {
				display: flex;
				justify-content: space-between;
				align-items: center;
				text {
					text-align: left;
				}
				.one {
					width: 200rpx;
				}
				.two {
					flex: 1;
				}
				.three {
					width: 136rpx;
				}
			}
			.th {
				text {
					color: #c5cfd5;
					font-size: 24rpx;
					font-weight: bold;
				}
			}
			.tr {
				margin-top: 40rpx;
				text {
					font-size: 24rpx;
				}
				.three {
					color: #c5cfd5;
				}
			}
		}
	}
}
